@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	}
fieldset, img {
    border: 0;
	 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}

body{
	line-height:1.5em;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a{
	text-decoration:none;
	 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	
}
a:hover{
	text-decoration:none;
}
html,body{
	-webkit-text-size-adjust:none;
	width:100%;
	height:100%;
	}

 

body{
	font-family:"Open Sans", sans-serif;
	font-size:14px;
	background-color:#FFF;
	color:#454649;
}
/*--------------导航内容区设置--------------*/

/*--------移动版导航--------------*/
.mobnav{
  background-color:#fff;
  z-index:1;
  display: -webkit-flex; 
  display: flex;
  display:none;
   
}
@media (max-width:1023px){
	.mobnav{
		 display: -webkit-flex; 
  display: flex;
	}
	
}
@media (max-width:768px){
	body{
		font-size:12px;
		
	}
	p{
		line-height:18px !important;
	}
}
.mobnav-con{
	flex:1;
	padding:10px 0;
}
.mobnav-con img{
	max-width:200px;
}
.mobnavleft{
	width:80px;
}
.mobnavleft{
	font-size:32px;
	position:relative;
	color:#f7ab00;
}
.mobnavleft a{
	display:block;
	color:#f7ab00;
	text-align:center;
	padding-top:15px;
}

.mobnavleft a:focus,.mobnavleft a:hover{
	text-decoration:none;
	background:none;
	color:#333;
}
/*语言下拉菜单*/
.dropdown-menu{
	background-color:#232323;
	overflow:hidden;
	padding:0px;
	z-index:1000;
}
.dropdown-menu>li{
	border-bottom:#555 solid 1px;
	
}
.dropdown-menu>li>a{
	padding-top:8px;
	padding-bottom:8px;
	color:#fff;
}

.mobnavcenter{
	padding:10px 0;
}
.navtop {
	width:80px;
	padding:18px 0px 0px 40px;
	border:none;
	display:none;
	vertical-align:text-center;
}
.btn-nav {
	position:relative;
	background:0 0;
	border:none;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
	cursor:pointer;
	z-index:99999
}
.btn-nav:focus {
	outline:0
}

.icon-bar {
	display:block;
	margin:4px 0;
	width:24px;
	height:3px;
	background-color:#f7ab00;
}
.btn-nav:hover .icon-bar {
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	background-color:#FFF;
}
.nav-content {
	position:fixed;
	top:-100%;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.7);
	display:block;
	height:100%;
	z-index:10000;
}
.nav-list {
	list-style:none;
	padding:0;
	position:relative;
	padding:3vw 0;
	margin-top:2em;
}

.item-anchor:after {
	content:"";
	position:absolute;
	width:3px;
	height:3px;
	left:0;
	bottom:-5px;
	z-index:9;
	background:0 0;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
.item-anchor {
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
	position:relative;
	text-decoration:none;
	padding:5px
}
.item-anchor:hover, .item-anchor:focus {
	color:#fff;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
.item-anchor:hover:after, .item-anchor:focus:after {
	width:100%;
	background:#FFF;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
#ptlist1,#ptlist2{
	display:none;
	margin-top:15px;
}
.nav-item {
	text-align:center
}
.itemchil{
	color:#fff;
	display:block;
	padding-top:2px;
	font-size:14px;
}
@media (max-width:1023px){
	.navtop {
		display:inline-block;
	}
	.nav-item {
		border-bottom:#666 dashed 1px;
		padding:8px 0;
	}
	.item-anchor {
		font-size:14px;
	}

	
	.itemchil{
		font-size:12px;
		text-indent:2em;
		
	}
}
.itemchil i{
	font-size:14px;
}
.animated {
	display:block;
	margin:0 auto
}
.animated:hover .icon-bar, .animated:focus .icon-bar {
	background-color:#FFF;
}
.animated:focus {
	cursor:pointer;
	z-index:9999999;
}
.middle {
	margin:0 auto
}
.icon-bar {
-webkit-transition:all .7s ease;
-moz-transition:all .7s ease;
-ms-transition:all .7s ease;
-o-transition:all .7s ease;
transition:all .7s ease;
	z-index:999999
}
.animated .icon-bar {
	z-index:999999;
	background-color:#FFF
}
.animated .top {
	-webkit-transform:translateY(6px) rotateZ(45deg);
	-moz-transform:translateY(6px) rotateZ(45deg);
	-ms-transform:translateY(6px) rotateZ(45deg);
	-o-transform:translateY(6px) rotateZ(45deg);
	transform:translateY(6px) rotateZ(45deg)
}
.animated .bottom {
	-webkit-transform:translateY(-8px) rotateZ(-45deg);
	-moz-transform:translateY(-8px) rotateZ(-45deg);
	-ms-transform:translateY(-8px) rotateZ(-45deg);
	-o-transform:translateY(-8px) rotateZ(-45deg);
	transform:translateY(-8px) rotateZ(-45deg)
}
.animated .middle {
	width:0
}
@keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
@-webkit-keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
@-moz-keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
@-o-keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
.showNav {
	-webkit-animation:showNav 1s ease forwards;
	-moz-animation:showNav 1s ease forwards;
	-o-animation:showNav 1s ease forwards;
	animation:showNav 1s ease forwards
}
@keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
@-webkit-keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
@-moz-keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
@-o-keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}

.hideNav {
	-webkit-animation:hideNav 1s ease forwards;
	-moz-animation:hideNav 1s ease forwards;
	-o-animation:hideNav 1s ease forwards;
	animation:hideNav 1s ease forwards
}
.hidden {
	display:none;
}


/*--------移动版导航--------------*/
.wrap {
	width:100%;
	background-color:#f4f4f4;
	min-height:100%;
	padding-left:240px;
}

@media (max-width:1023px){
	#search,#menu-nav,#nymenu-nav,.sidebar{
		display:none;
	}
	.wrap {
		padding-left:0px;
	}
}
.sidebar {
	position:fixed;
	top:0;
	z-index:12;
	height:100%;
	width:240px;
	color:#fff;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:0 bottom;
	text-transform:uppercase;
	
}
#leftbrand{
	width:100%;
	margin:0;
	padding:5vh 2vw;
}

.sidebar ul {
  margin-top: 10px;
}
.sidebar li {
  list-style: none;
 
  position: relative;
}
.sidebar ul li a{
	 padding: 8px 10px;
	padding-left:2vw;
	font-weight:600;
	
	
	
}
.sidebar a{
  display:block;
  text-decoration: none;
  position: relative;
  z-index: 1000;
}
.sidebar .hover {
  display: block;
  position: absolute;
  width: 0%;
  height: 40px;
  top: 0px;
  left: 0px;
  background:rgba(0,141,122,1);
 border-left:#F6AB00 solid 2px;
 border-top:#FFF solid 1px;
  z-index: 0;
  opacity: 0;
   color: #fff;
}

.topactive{
	  background:rgba(0,141,122,1);
 border-left:#F6AB00 solid 2px;
 color: #fff !important;
}
.sidebar .sub-menu .topactive{
	border-left:none;
}
.sidebar a:hover {
  color: #fff;
}

.sidebar .sub-menu {
  position: absolute;
  left: 240px;
  top: -30px;
  padding: 0px;
  width: 240px;
  display: none;
  background-color:#f6ad02;
   box-shadow: 0 0 10px rgba(80,80,80,0.4);
}
.sidebar .sub-menu li:hover{
	 background:rgba(0,141,122,1);
}
.sidebar .sub-menu li a {
	color:#fff !important;
  font-size: 13px;
   border-top:#FFF solid 1px;
}
.sidebar .sub-menu i {
  left: 180px;
}
.sidebar ul li:hover ul {
  display: block;
}
.sidebar .push {
  margin-right: 10px;
}


#share{
	padding-top:10vh;
}
#share a{
	color:#bbbbbb;
	display:block;
	font-size:16px;
	padding:1vh 0 1vh 2vw;
}
#share a:hover{
	color:#F6AB00;
}
@media (max-width:1400px){
	#share a{
		display:inline-block;
	}
}
#search{
	position:absolute;
	right:20px;
	top:55px;
	z-index:15;
}
#search input{
	color:#fff;
}

#nymenu-nav,#menu-nav{
	position:absolute;
	right:35px;
	top:40px;
	z-index:15;
	color:#fff;
}
#menu-nav a{
	color:#fff;
}
#menu-nav a:hover{
	color:#f6ad02;
}
#search .input-group{
	max-width:200px;
	margin-top:10px;
}

#search .form-control{
	height:29px;
	border:none;
	border-radius:0px;
	border-bottom:#F6AB00 solid 1px;
	border-right:none;
	background-color:transparent;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:none;
	
}

#search .form-control:focus{
	background-color:transparent;
	
}

#search  .btn-default{
	border:none;
   background-color:transparent;
   color:#F6AB00;
}

#search .btn{
	padding:0px 8px;
	padding-top:10px;
}



/*--首页关于我们--*/
#indexabout{
	line-height:26px;
}
.indexaboutfztx2{
	display:block;
	max-width:150px;
}
#indexabout p strong{
	font-weight:600;
	color:#000;
}

#indexabout ul{
	margin-top:20px;
}
.indexaboutleft{
	flex:1;
	background-image:url(../images/indexabout-2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center bottom;
	position:relative;
}
@media (max-width:768px){
	.indexaboutfztx2{
		max-width:80px;
	}
	.indexaboutleft{
		display:block;
		min-height:300px;
	}
}
.indexaboutjx{
	position:absolute;
	left:2vw;
	top:2vw;
	width:25px;
	height:25px;
	border-left:#FFF solid 3px;
	border-top:#FFF solid 3px;
}
.indexaboutleft a{
	position:absolute;
	width:100%;
	height:100%;
	display: -webkit-flex; 
 display: flex;
 justify-content:center;
align-items:center;
font-size:80px;
color:#fff;
cursor:pointer;
}
.indexaboutleft a:hover{
	color:#F6AB00;
}
.indexaboutjx1{
	position:absolute;
	right:2vw;
	bottom:2vw;
	width:25px;
	height:25px;
	border-right:#FFF solid 3px;
	border-bottom:#FFF solid 3px;
}

.indexaboutright{
	flex:1;
	flex-grow:1.5;
	padding:3vw 3vw 2vw 4vw;
	background-color:#fff;
}
.indexnum{
	font-size:60px;
	font-weight:800;
	color:#F6AB00;
	line-height:1em;
	padding:5px 0;
}
.indexnummedium{
	font-weight:800;
	color:#333;
	font-size:20px;
	text-transform:uppercase;
	width:350px;
}

@media (max-width:490px){
	.indexnum{
		font-size:40px;
	}
	.indexnummedium{
		font-size:16px;
	}
}
.indexaboutright .butonmore{
	width:150px;
	margin-top:3vw;
}
/*--首页关于我们结束--*/


/*--首页产品列表--*/
.indexproductsleft{
	flex:1;
	background-image:url(../images/indexproduct.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	display: -webkit-flex; 
 display: flex;
  align-items:flex-end;
  color:#fff;
  font-size:26px;
  font-weight:bold;
  text-transform:uppercase;
  line-height:1.1em;
  padding:2vw;
}

.indexproductsright{
	flex:1;
	flex-grow:2.2;
	
}
.indexprolist{
	display: -webkit-flex; 
  	display: flex;
	 flex-wrap:wrap;
}
.indexprolist a{
	width:50%;
	display: -webkit-flex; 
  	display: flex;
}
.indexproductlist-left{
	flex:1;
	padding:1vw 0 0 1vw;
}
.indexproductlist-right{
	flex:1;
	flex-grow:1.6;
}
.indexproductlist-right img{
	width:100%;
}
.indexprolist a:hover img{
	-webkit-transform: scale3d(1.1, 1.1, 1);
                   transform: scale3d(1.1, 1.1, 1);
}
.indexprogray{
	background-color:#eeeeed;
}
.indexprowhite{
	background-color:#FFF;
}
.indexpronum{
	color:#008D7A;
	font-weight:800;
	font-size:60px;
	line-height:1em;
	 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;	
}
.indexprolist a:hover .indexpronum{
	color:#F6AB00;
}
.indexprobold{
	font-weight:800;
	color:#454649;
	text-transform:uppercase;
	line-height:1em;
}

.indexprodb{
	background-color:#008D7A;
	padding:2vw;
	color:#fff;
	text-align:right;
}
.indexprodb td i{
	font-size:48px;
	color:#fff;
	text-align:left;
}
.indexprodb td h4{
	font-size:30px;
	font-weight:bold;
	color:#fff;
	line-height:12px;
	text-align:left;
}
.indexprodb td h4 small{
	font-size:12px;
	color:#fff;
	line-height:12px;
	text-transform:uppercase;
}
.indexprodb .butonmore{
	display:inline-block;
	line-height:36px;
}
@media (min-width: 768) and (max-width:1200) {
	.btmedium{
		font-size:28px;
	}
	.indexpronum{
		font-size:36px;
	}
	}
@media (max-width:768px){
	.indexproductsleft{
		min-height:300px;
	}
	.indexpronum{
		font-size:44px;
	}
}
@media (max-width:490px){
	.indexprodb{
		text-align:left;
	}
	.indexprodb td i{
		font-size:24px;
	}
	.indexprodb td:first-child{
		width:120px;
	}
	.indexprodb td h4{
		font-size:24px;
	}
	.indexprodb td h4 small{
		display:none;
	}
	.indexproductsleft{
		font-size:18px;
	}
	.indexpronum{
		font-size:24px;
	}
}
/*--首页产品系列--*/


/*--首页新闻列表--*/


.indexnewsdate{
	font-size:18px;
	font-weight:800;
}
#indexnews{
	padding-bottom:6vw;
	padding-top:3vw;
}
#indexnews img{
	border-radius:8px;
	
	-webkit-filter: grayscale(60%);   
  -moz-filter: grayscale(60%);  
   -ms-filter: grayscale(60%);   
  -o-filter: grayscale(60%);     
     filter: grayscale(60%); 
}
#indexnews a:hover img{
	-webkit-filter: grayscale(0%);   
  -moz-filter: grayscale(0%);  
   -ms-filter: grayscale(0%);   
  -o-filter: grayscale(0%);     
     filter: grayscale(0%);
}
#indexnews p{
	margin-top:3em;
}
#indexnews .col-md-8{
	margin-bottom:20px;
}
#indexnews .butonmore{
	line-height:36px;
}
/*--底部代码--*/
#footer{
	background-color:#008D7A;
	 background-size:auto auto;
	 background-position:right bottom;
	 background-repeat:no-repeat;
	 padding:4vw 20px;
}


#footer h2{
	color:#FFF;
	font-weight:800;
	font-size:24px;
	margin-bottom:3vh;
	text-transform:uppercase;
	
}
#footer #contactdb{
	color:#fff;
	line-height:26px;
}
#footer #contactdb a{
	color:#fff;
}
#footer #contactdb a:hover{
	color:#F6AB00;
}
.kslj a{
	display:block;
	line-height:26px;
	color:#fff;
}
.kslj a:hover{
	color:#F6AB00;
}
#footer .list-inline li{
	vertical-align:text-top;
	max-width:350px;
	margin-bottom:30px;
}


#footer .list-inline li:first-child{
	margin-right:3vw;
}
#copyright{
	width:90%;
	border-top:#77b8af solid 1px;
	color:#b9d7d3;
	padding:10px 0;
	margin-top:3vw;
}
@media (max-width:1023px){
	#footer h2{
		font-size:20px;
	}
	#copyright{
		width:100%;
	}
	#footer .col-md-4{
	margin-top:30px;
}

}
/*--首页结束END--------------------------------------*/
/*--内页banner--*/
#nybanner{
	background-color:#008D7A;
	background-repeat:no-repeat;
	 display: -webkit-flex;
  display: flex;
  font-size:40px;
  font-weight:900;
  color:#fff;
    justify-content:center;
	align-items:center;
	text-transform:uppercase;
	width:100%;
}

.nyaboutbanner{
	  background-attachment:fixed;
	  flex-direction:column;
	  background-size:90% auto;
	  padding:13vw 0;
	  background-position:right top;
}

.aboutbannerimg{
	background-image:url(../images/aboutcf.jpg);
}
.probannerimg{
	background-image:url(../images/probanner.jpg);
}
.conbannerimg{
	background-image:url(../images/probanner5.jpg);
}
.newsbannerimg{
	background-image:url(../images/probanner4.jpg);
}
.catbannerimg{
	background-image:url(../images/probanner3.jpg);
}
.serbannerimg{
	background-image:url(../images/probanner6.jpg);
}
.nyaboutbanner .butonmore{
	font-size:12px;
}
@media (max-width:1500px){
	.nyaboutbanner{
		 background-size:86% auto;
	  padding:12vw 0;
		
	}
}
@media (max-width:1350px){
	.nyaboutbanner{
		 background-size:82% auto;
	  padding:10vw 0;
		
	}
}
@media (max-width:1024px){
	#nybanner{
		font-size:30px;
	}
	.nyaboutbanner{
		background-size:100% auto;
	  padding:12vw 0;
	  background-position:right center;
	  background-attachment:scroll;
	  
		
	}
	.nyaboutbanner .butonmore{
		line-height:36px;
		margin-top:20px;
	}
}
@media (max-width:768px){
	.nyaboutbanner{
		padding:10vw 0;
	}
}
@media (max-width:490px){
	#nybanner{
		font-size:24px;
	}
	.nyaboutbanner{
		padding:14vw 0;
	}
	.aboutbannerimg{
		padding:7vw 0 !important;
	}
}

.nyprobanner{
	background-image:url(../images/product.jpg);
}
.nynewsbanner{
	background-image:url(../images/newsbanner.jpg);
}
.nyconbanner{
	background-image:url(../images/contact.jpg);
}

/*--内页开始proudcts--*/

#app .row{
	max-width:1400px;
	margin:0 auto;
}



#app{
	color:#787878;
	text-align:center;
	border-bottom:#d2d2d2 solid 1px;
	margin-bottom:30px;
	padding:20px 0;
	background-image: linear-gradient(to bottom, rgba(240,240,240,1), rgba(200,200,200,1));
}



#app .col-xs-4{
	position:relative;
}

.appline{
	position:absolute;
	right:0;
	top:10px;
	width:1px;
	height:50px;
	border-right:#CCC solid 1px;
}

#mobnav{
	 display: -webkit-flex; 
  display: flex;
  display:none;
  
}

@media (max-width:1023px){
	.proapp{
	display:none;
}
#mobnav{
	display: -webkit-flex; 
  display: flex;
}
}
.mobnav{
	flex:1;
	color:#fff;
	padding:10px 10px;
	cursor:pointer;
	 justify-content:center;
	 align-items:center;
}
.mobnavmenu{
	width:100%;
	background-color:#0063af;
	display:none;
}
.mobnavmenu a{
	display:block;
	padding:10px;
	text-align:center;
	border-bottom:#30357c solid 1px;
}
#pro-title h2{
	font-size:30px;
	font-weight:900;
	color:#f8bc02;
	text-transform:uppercase;
}
#pro-title strong{
	font-size:24px;
}
.product-item{
	margin-top:2vw;
}
.productsitem{
	background:#fff;
	padding:0px;
	border:none;
    border-radius:0px;
	margin-bottom:40px;
	 -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	-webkit-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.08);  
    -moz-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.08);  
     box-shadow:0px 0px 6px rgba(0, 0, 0, 0.08);

}
.productsitem:hover{
	-webkit-box-shadow:0px 0px 20px rgba(0, 141, 122, 0.4); 
    -moz-box-shadow:0px 0px 20px rgba(0, 141, 122, 0.4);  
     box-shadow:0px 0px 20px rgba(0, 141, 122, 0.4); 
}
.thumbnail .caption{
	text-align:center;
	color:#fff;
	  display: -webkit-box;
  line-height: 18px;
  height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  background-color:#008D7A;
	}
.thumbnail .caption small{
	color:#fff;
	font-size:12px;
}

/*重定分页*/

.pagination>li>span{
	color:#fff;
	background-color:#F6AD02;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff;
	background-color:#F6AD02;border-color:#ddd;}
.pagination>li>a{
	color:#fff;
	background-color:#008D7A;
	border-color:#ddd;
}

/*产品详细*/


.proname{
	font-size:20px;
	color:#999;
	line-height:24px;
	font-weight:normal;
	margin-bottom:20px;
	line-height:1.5em;
	
}
.proname strong{
	font-weight:900;
	font-size:36px;
	
	color:#008D7A;
	text-transform:uppercase;
}
.proviewgs p{
	line-height:20px;
    color:#666;
	margin-bottom:10px;
	word-wrap: break-word;
    word-break: normal;
	font-size:12px;
	}
.proviewgs h3{
	padding:10px 0;
	font-size:20px;
	color:#000;
	font-weight:600;
	border-top:#ddd solid 1px;
	
}

.promartoppos{
	 display: -webkit-flex; 
  display: flex;
}
.promartop{
	background-color:#ddd;
	text-transform:uppercase;
	margin-top:6vh;
	font-size:16px;
	font-weight:bold;
	color:#555;
	}


.promartoptitle{
	flex:1;
	padding:20px;
	cursor:pointer;
	text-align:center;
	position:relative;
	border-left:#c1c1c1 solid 1px;
}
.promartoptitle:hover{
	background-color:#eee;
	color:#008D7A;
	 box-shadow: 0 0 5px rgba(80,80,80,0.4);
}
.redline{
	left:0px;
	top:-3px;
	position:absolute;
	width:100%;
	border-top:#008D7A solid 3px;
	display:none;
}
.promartoptitle:hover .redline{
	display:block;
}


.nyjiacondetc{
	overflow:hidden;
	display:none;
	overflow-x: scroll;
}

.proviewbgny{
	overflow:hidden;
	color:#333;
	background-color:#fff;
	padding:3vw 20px;
}
.proviewbgny h3{
	color:#333;
	padding:15px 0;
	font-size:20px;
	
}

.proviewbgny p{
	line-height:25px;
	word-wrap: break-word;
    word-break: normal;
	}
.proviewbgny img{
	width:auto !important;
	height:auto !important;
	max-width:100%;
}
.proviewbgny table{
	width:100%;
}

.proviewbgny table tr:nth-child(odd) {
  background-color:#F5F5F5;
}
.proviewbgny table tr:nth-child(even) {
  background-color:#fff;
}
.proviewbgny table tr:nth-child(1) {
  background-color:#008D7A;
  color:#fff;
}
.proviewbgny table tr:nth-child(2) {
  background-color:#008D7A;
  color:#fff;
}
.proviewbgny table td{
	padding:5px 10px;
	text-align:center;
	border:#CCC solid 1px;
}
.specialtalbe{
	  background-color:#888 !important;
  color:#fff !important;
  font-weight:bold !important;
}
#proothers{
	  margin-top:3vh;
	  width:100%;
	  border-bottom:#dcdddd solid 1px;
  }
  #proothersleft{
	  padding:0 0 20px 0;
	  border-bottom:#0055a4 solid 3px;
	  margin:0 auto;
	  max-width:300px;
	  text-align:center;
	  font-size:24px;
	  text-transform:uppercase;
	  color:#535353;
	  margin-bottom:-3px;
	  
  }
@media (max-width:1000px){
	
	.proviewbgny table{
		margin:0;
	}
	.proviewbgny table td{
	padding:0px 0px;
}
}

/*--关于我们--*/


.about2 img{
	-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);
}



.about2{
	background-color:#008D7A;
}
.about2 .col-sm-3{
	margin-top:30px;
}

.about2 .btsmall{
  color:#F6AD02;
	
}

.about2 .btmedium{
  color:#fff;
	
}
.about2 p{
	color:#fff;
	max-width:600px;
	
}





@media (max-width:768px){
	#pro-title h2{
		font-size:18px;
	}
	#pro-title h2 img{
		max-height:40px;
	}
	.about2 .col-sm-3{
	margin-top:10px;
}
	.about2{
		padding:20px;
	}
	.about2 .col-xs-6{
		margin-bottom:15px;
	}


}
#about3 .col-sm-3{
	background-image:url(../images/i2.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	margin-bottom:30px;
}
#about3 .col-sm-3 img{
	width:100%;
	max-width:250px;
	margin:0 auto;
}
#about3 .zstxt{
	text-align:center;
	margin-top:40px;
	padding:5px 0;
	border-bottom:#999 dashed 1PX;
}

/****销售网络*****/

#salesnet1 .btmedium,#salesnet .btmedium{
	font-size:28px;
}
#salesnet .row{
	padding-bottom:3vw;
}
#salesnet1 .btmedium,#salesnet p{
	margin-bottom:20px;
}
#salesnet{
	border-bottom:#ccc solid 1px;
}
#salesnet1{
}
/****新闻中心*****/
.newitem{
	border-bottom:#d5d5d5 solid 1px;
	padding-bottom:20px;
	padding-top:30px;
}


.newitem .col-md-3 a{
	display:block;
	background-color:#008D7A;
	overflow:hidden;
	border-radius:6px;
}
.newitem img{
	-webkit-filter: grayscale(60%);   
  -moz-filter: grayscale(60%);  
   -ms-filter: grayscale(60%);   
  -o-filter: grayscale(60%);     
     filter: grayscale(60%); 
	 opacity:0.6;
    filter:alpha(opacity=60);
}
.newitem img:hover{
	opacity:1;
    filter:alpha(opacity=1);
	-webkit-filter: grayscale(0%);   
  -moz-filter: grayscale(0%);  
   -ms-filter: grayscale(0%);   
  -o-filter: grayscale(0%);     
     filter: grayscale(0%); 
}
.newitem h3{
	font-size: 20px;
	font-weight:900;
	color:#008D7A;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; 
}
.newitem a:hover h3{
	color:#c9161e;
}
.newitem h4{
	padding:15px 0 10px 0;
	color: #828282;
	font-size:14px;
}
.newitem p{
	word-break:break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;
	color: #5f5f5f;
	padding-bottom:60px;
}
@media (max-width:1023px){
	.newitem .col-md-3{
			padding-bottom:30px;
		}
}
@media (max-width:768px){
		.newitem p{
			-webkit-line-clamp: 10;
		}
		
}
.more a{
	display:block;
	width:130px;
	padding:6px 0;
	color:#fff;
	background-color:#F6AD02;
	border:#f8bb00 solid 1px;
	text-align:center;
	text-decoration:none;
	font-size: 14px;
	font-weight:900;
	margin-top:35px;
	}
.more a span{
	position:relative;
	left:0;
	-webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    -ms-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out; 
}
.more a:hover span{
	left:10px;
}
.more a:hover{
	background-color:#de9b00;
}

/***新闻详细***/
.newsview img{
	width:100%;
	max-width:100%;
	width:auto!important;
	height:auto!important;
	display:block;
	margin:0 auto;
}
.newsview  h2,.newsview-name{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	color:#333;
}
.newsview-name{
	font-size:24px;
	color:#008D7A;
}

.SiteLink{
	padding:1vw 0;
}
.SiteLink p{
	margin-top:10px;
	margin-bottom:20px;
}
.SiteLink h2{
	font-weight:bold;
	font-size:24px;
}
.SiteLink h3{
	font-weight:bold;
	font-size:20px;

}
.SiteLink p strong{
	font-weight:bold;
}
.newsview-time{
	color:#787878;
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}
.newsline{
	border-bottom:#999 dashed 1px;
}
.newsview-div{
	text-align:right;
}

.newsview-page a{
	color:#333;
}
.newsview-page a:hover{
	color:#00a2e9;
}
.newsview h3{
	font-size:14px;
	font-weight:bold;
}
/*-----服务----*/
.service h2{
	font-weight:900;
	font-size:24px;
}
.service p{
	margin-top:1vw;
}
.service img{
	margin:0 auto;
	margin-top:1vw;
}
/*--目录下载-*/

.catalog{
   margin-top:20px;
}
.catalog  .btn-default{
   font-weight:800;
   padding:6px 15px;
   color:#fff;
   border:none;
   border-radius:0px;
   background-color:#F6AB00;
}
.catalog  .btn-default:hover{
	  background-color:#de9b00;
}

.catalogitem,.catalogcon{
	flex:1;
	padding-top:15px;
	padding-bottom:15px;
}
.catalogitembg{
	font-size:16px;
	font-weight:bold;
}
@media (max-width:768px){
	.service h2{
	font-size:18px;
	font-weight:700;
}
	
}
.catabor{
	color:#fccf00;
	font-weight:bold;
	margin-top:30px;
}
.cataline{
	width:45px;
	background-color:#fdd100;
	height:5px;
	margin-bottom:30px;
}
/*--------*/
#contact{
	display:-webkit-box;
   display:-webkit-flex;
   display:-ms-flexbox;
   dispiay:flex;
   align-items:center;
   font-size:14px;
   max-width:900px;
   margin:0 auto;
}
.contactleft{
	flex:1;
	padding-right:20px;
	padding-bottom:2vw;
	background-color:#FFF;
	padding:3vw 3vw;
}
.contactleft .btsmall{
	color:#F6AB00;
}
.contactleft ul{
	margin-top:10px;
}
.contactright{
	flex:1;
	background-color:#008D7A;
	padding:3vw 3vw;
}
.contactright .btmedium{
	color:#fff;
	font-size:24px;
	padding:0;
}
#contact h2{
	font-size:24px;
	font-weight:900;
	color:#008D7A;
	margin-top:1vw;
	text-transform:uppercase;
}

#contact p{
	padding:10px 0;
}

#contact a{
	color:#333;
}
#contact a:hover{
	color:#999;
}
#contact  li{
	padding:4px 0;
	font-size:14px;
}

#container{
	flex-grow:1.5;
	min-height:500px;
	border-top:#F6AB00 solid 2px;
}
@media (max-width:1000px){
	#contact h2{
		font-size:18px;
	}
	

	#contact{
		font-size:12px;
		 flex-direction:column;
	}
	.contactleft,.contactright{
		width:100%;
	}
	#container{
		min-height:300px;
	}
	
}
/*--联系我们EMAIL--*/

#feedback input,#feedback textarea{
	margin-top:1em;
	border-radius:0px;
}
#feedback  .form-control:focus {
	border:none;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #999;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #999;
}
.fbtn{
	text-align:center;
}
.fbtn .btn-default{
	background-color:#F6AD02;
	color:#fff;
	padding:12px 30px;
	font-size:16px;
	margin-top:1vw;
	border:none;
	border-radius:0px;
}
.fbtn .btn-default:hover{
	background-color: #DE9B00;
}
@media (max-width:768px){
	.fbtn .btn-default{
		padding:5px 20px;
	}
}

/*--公共--*/
.padleft{
	padding-left:6vw 20px;
}
.mt1{
	margin-top:1vw;
}
.mt2{
	margin-top:2vw;
}
.mt3{
	margin-top:3vw;
}
.mt6{
	margin-top:6vw;
}
.pd3{
	padding:3vw 20px;
}

.pd6{
	padding:6vw 20px;
}

.wrap-flex{
  display: -webkit-flex; 
  display: flex;
  }
@media (max-width:768px){
	.pd3{
	padding:6vw 20px;
}
.mt2{
	margin-top:4vw;
}
	.flex-column{
	 flex-direction: column;
}	
}


/*--首页标题--*/
.btsmall{
	color:#008D7A;
	font-weight:bold;
	font-weight:800;
	letter-spacing:2px;
	line-height:1em;
	text-transform:uppercase;
}
.btmedium{
	font-size:40px;
	font-weight:800;
	text-transform:uppercase;
	line-height:1em;
	padding:1.5vw 0;
	
}

.butonmore{
	width:120px;
	color:#fff;
	background-color:#F6AD02;
	display:block;
	text-align:center;
	line-height:50px;
	text-transform:uppercase;
	font-weight:800;
	margin-top:1.5vw;
}
@media (max-width:768px){
	.btmedium{
		font-size:36px;
	}
}
@media (max-width:490px){
	.butonmore{
		line-height:36px;
	}
	.btmedium{
		font-size:28px;
	}
}
.butonmore:hover{
	background-color:#DE9B00;
	color:#fff;
}